<template>
  <div>
    <!-- <mt-header fixed title="固定在顶部"></mt-header> -->
    <mt-header title="我是你爹">
      <div slot="left">返回</div>
      <div slot="right">分享</div>
    </mt-header>
    <mt-header title="我是你爹">
      <mt-button slot="left" icon="back"></mt-button>
      <div slot="right">
        <router-link to="#" class="link">登录</router-link>
        &nbsp;|&nbsp; 
        <router-link to="#" class="link">注册</router-link>
      </div>
    </mt-header>
    <mt-header title="标题过长会隐藏后面的内容啊哈哈哈哈">
      <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
      <mt-button icon="more" slot="right">下一章</mt-button>
    </mt-header>
  </div>
</template>
<style scoped>
  .link{
    color:#fff;
  }
</style>
